<?php get_header(); ?>

	<main role="main">
		<!-- section -->
		<section>
		<div class="main-page">
			<!-- left page -->
			
			<div class="left-page">
				<div class="cart-bg">
					<div class="cart-bg-i">
						<h3>Cart</h3>
						<div class="cart-into">
							<div class="cart-info">
								<div class="total-products" name="">Product</div>
								<div class="total" name="">Total
									<strong>$0.00</strong>
								</div>
								<div class="show-cart">
									<a href="#">Show Cart</a>
								</div>
							</div>
						</div>
					</div>
				</div>

				
				<?php get_sidebar(); ?>


				<div class="banner-right">
				<a href="#">
					<img src="<?php echo get_template_directory_uri(); ?>/jewelry/images/banner1.png">
				</a>
				<a href="#">
					<img src="<?php echo get_template_directory_uri(); ?>/jewelry/images/banner2.png">
				</a>
					<a href="#">
					<img src="<?php echo get_template_directory_uri(); ?>/jewelry/images/banner3.png">
				</a>
			</div>
			</div>
			<!-- /left page -->
			

			<!-- right page -->
			<div class="right-page">
				<h3 class="title"><?php the_title(); ?></h3>
				<div class="top-page">
					<span>Writer By</span>
					<span> | </span>
					<span><?php the_modified_date(); ?></span>
					<span> | </span>
					<a href="">Print</a>
					 | 
					<a href="">Email</a>
				</div>
				
				<?php if (have_posts()): while (have_posts()) : the_post(); ?> 

								<!-- article -->
								<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

									<?php the_content(); ?>


									<br class="clear">

									<?php edit_post_link(); ?>

								</article> 
								<!-- /article -->

							<?php endwhile; ?>

							<?php else: ?>

								<!-- article -->
								 <article>

									<h2><?php _e( 'Sorry, nothing to display.', 'html5blank' ); ?></h2>

								</article> 
								<!-- /article -->

							<?php endif; ?>
							<div class="contact">
								<div class="contact-img"></div>
								<div class="contact-info">
									<h4>Laster From</h4>
									<ul>
										<li>
											<a href="">test1</a>
										</li>
										<li>
											<a href="">test2</a>
										</li>
										<li>
											<a href="">test3</a>
										</li>
										<li>
											<a href="">test4</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="footer-rightpage">
								<div class="span">
									<span>More in this category:</span>
								</div>
								<div class="back-top">
									<span><?php the_title(); ?></span>
									<span>>>></span>
									<span><a href="#">Back Top</a></span>
								</div>
							</div>
			</div>
			<!-- /right page -->
		
		<div class="connectus" >
			<div class="connectus-left">
				<span>Tìm chúng tôi trên:</span>
				<a href="">
					<img src="<?php echo get_template_directory_uri(); ?>/jewelry/images/fa.png">
				</a>
			</div>
		
			<div class="connectus-right">
				<strong>Nhận email về sản phẩm mới với giá tốt nhất!</strong>
				<input type="text" placeholder="Nhập email">
				<button class="btnsignup">Đăng ký</button>
			</div>
		</div>
		</div>

		</section>
		<!-- /section -->
	</main>

<?php get_footer(); ?>
